.dx-theme-generic-typography {
    background-color: @typography-bg;
    .dx-base-typography();

    h1, .dx-font-xl {
        font-weight: 200;
        font-size: @GENERIC_XL_FONT_SIZE;
    }

    h2, .dx-font-l {
        font-weight: normal;
        font-size: @GENERIC_L_FONT_SIZE;
    }

    h3 {
        font-weight: normal;
        font-size: @GENERIC_H3_FONT_SIZE;
    }

    .dx-font-m {
        font-weight: normal;
        font-size: @GENERIC_M_FONT_SIZE;
    }

    h4, .dx-font-s {
        font-weight: 500;
        font-size: @GENERIC_S_FONT_SIZE;
    }

    h5 {
        font-weight: 700;
        font-size: @GENERIC_H5_FONT_SIZE;
    }

    h6, small, .dx-font-xs {
        font-weight: 800;
        font-size: @GENERIC_XS_FONT_SIZE;
    }

    a {
        color: @typography-link-color;
    }
}
